import { ScrollBoard } from "@jiaminghi/data-view-react";
import React from "react";

interface Props {
  data: any[];
}

const UserInfoState: React.FC<Props> = (props) => {
  const config = {
    // 表头背景色
    headerBGC: "#443dc5",
    // 奇数行背景色
    oddRowBGC: "#09184F",
    // 偶数行背景色
    evenRowBGC: "#070C34",
    // 行号
    index: true,
    // 行号表头
    indexHeader: "序号",
    // 宽度
    columnWidth: [50, 100, 200],
    // 对其方式
    align: ["center"],
    // 表行数
    rowNum: 10,
    ...props.data
  };

  return (
    <ScrollBoard
      style={{
        width: "100%",
        height: "510px"
      }}
      config={config}
    />
  );
};

export default React.memo(UserInfoState);
